$(function () {
    //员工列表初始化
    $("#off_datagrid").datagrid({
        fit: true,
        url: "/officialstu/list",
        fitColumns: true,
        pagination: true,
        rownumbers: true,
        striped: true,
        singleSelect: true,
        //分页组件
        pagination: true,
        //每页显示条数的下拉框
        pageList:[3,5,7,10,15],
        //每页显示条数.注意一定要在下拉框中
        pageSize: 10,
        toolbar: "#tb",//将设计的按钮放在框左上方
        columns: [[
            {field: "ck", checkbox: true},  //显示多选框样式
            {field: "id", title: "编号", hidden: true},
            {field: "name", title: "学员名称", width: 100},
            {field: "totlefee", title: "总学费", width: 100},
            {field: "accountpaid", title: "已付学费", width: 100},
            {field: "unpaid", title: "未付学费", width: 100},
            {field: "time", title: "入学时间", width: 100, sortable: true},
            {field: "tel", title: "电话号码", width: 100},
            {field: "education", title: "学校", width: 100, formatter: function (value, row, index) {

                if (value) {
                    return value.name;
                } else {
                    return "未分配";
                }
            }
            },

            {
                field: "paymentstatu", title: "缴费状态", width: 100, formatter: function (value, row, index) {

                if (value == 1) {
                    return "<font color='green'>已缴费</font>"
                } else if (value == 0) {
                    return "<font color='red'>未缴费</font>"
                }
            }
            },
            {field: "email", title: "邮箱", width: 100},
            {field: "payment", title: "付款方式", width: 100, formatter: function (value, row, index) {
                if (value) {
                    return value.name;
                } else {
                    return "未知";
                }
            }},

            {
                field: "emp", title: "营销人员", width: 100, formatter: function (value, row, index) {
                if (value) {
                    return value.realName;
                } else {
                    return "未分配";
                }
            }
            },
            {
                field: "state", title: "状态", width: 100, formatter: function (value, row, index) {

                if (value == 1) {
                    return "<font color='green'>在读</font>";
                }  else {
                    return "<font color='red'>流失</font>";
                }
            }
            }
        ]],onClickRow:function(index,row) {
            //根据学员状态状态修改审核/未审核按钮的显示
            if(row.state==0){
                $("change_btn").linkbutton({
                    text:"流失"
                })
            }else{
                $("change_btn").linkbutton({
                    text:"在读"
                })
            }
        }

    })
    $("#off_dialog").dialog({
        width: 850,
        height: 500,
        buttons: "#bb",
        closed: "true"
    })
    //员工列表初始化-end
})

function save() {
    //获取id
    var id = $("#offId").val();
    //因为编辑与添加公用一个对话框公用一个保存按钮,所以在操作之前应该先判断添加还是编辑操作.
    var url = "/officialstu/save";
    if (id) {
        url = "/officialstu/update"
    }
    $("#off_form").form("submit", {
        url: url,
        //操作成功之后执行该函数,data是返回的数据
        //注意data是json格式的字符串.
        success: function (data) {
            //1接收返回数据
            //2判断操作是否成功
            data = $.parseJSON(data);
            //3操作失败提示客户
            if (!data.success) {
                $.messager.alert("温馨提示", data.msg);
            } else {
                //4操作成功
                //4.1提示用户操作成功
                //4.2关闭当前的输入对话框.
                $("#off_dialog").dialog("close"),
                    $("#off_datagrid").datagrid("reload")
            }

        }
    })
}


function edit() {
    //判断是否选中数据.
    var row = $("#off_datagrid").datagrid("getSelected");
    if (!row) {
        $.messager.alert("温馨提示", "请选择要编辑的行");
        return
    }
    //先将数据清空
    $("#off_form").form("clear");
    //打开编辑对话框
    $("#off_dialog").dialog("open");
    $("#off_dialog").dialog("setTitle", "学员状态编辑");


    //将选中的row数据加载到form表单中.用于回显
    //form表单加载数据原理,根据同名匹配原则
    if (row.emp) {
        row["emp.id"] = row.emp.id
    }
    if(row.payment){
        row["payment.id"]=row.payment.id;
    }
    if(row.client){
        row["client.id"]=row.client.id;
    }
    if(row.classroom){
        row["classroom.id"]=row.classroom.id;
    }
    if(row.school){
        row["school.id"]=row.school.id;
    }
    if(row.education){
        row["education.id"]=row.education.id;
    }
    if(row.campus){
        row["campus.id"]=row.campus.id;
    }
    if(row.source){
        row["source.id"]=row.source.id;
    }
    //将数据加载到form表单中
    $("#off_form").form("load", row);//数据回显
    console.log(row.id)
}


//改变状态操作
function leave() {
    //从datagrid中获取选中的数据
    var row = $("#off_datagrid").datagrid("getSelected");
    if (!row) {
        $.messager.alert("温馨提示", "请选择要更改的行");
        return;

    }
    $.messager.confirm('确认','您确定想要执行这个操作?',function (r) {
        if(r){
            //使用ajax发送删除请求.
            $.get("officialstu/leave", {id: row.id}, function (data) {
                if (!data.success) {
                    $.messager.alert("温馨提示", data.msg);
                } else {
                    //刷新列表数据
                    $("#off_datagrid").datagrid("reload");
                }
            });
        }
    })
}

//刷新列表数据
function reload() {
    $("#off_datagrid").datagrid("reload");
}
//关闭对话框
function cencel() {
    $("#off_dialog").dialog("close");
}

function show() {
    //判断是否选中数据.
    var row = $("#off_datagrid").datagrid("getSelected");
    if (!row) {
        $.messager.alert("温馨提示", "请选择要编辑的行");
        return
    }
    //先将数据清空
    $("#off_form").form("clear");
    //打开编辑对话框
    $("#off_dialog").dialog("open");
    $("#off_dialog").dialog("setTitle", "学员状态编辑");

    //将选中的row数据加载到form表单中.用于回显
    //form表单加载数据原理,根据同名匹配原则
    if (row.emp) {
        row["emp.id"] = row.emp.id
    }
    if(row.payment){
        row["payment.id"]=row.payment.id;
    }
    if(row.client){
        row["client.id"]=row.client.id;
    }
    if(row.classroom){
        row["classroom.id"]=row.classroom.id;
    }
    if(row.school){
        row["school.id"]=row.school.id;
    }
    if(row.education){
        row["education.id"]=row.education.id;
    }
    if(row.campus){
        row["campus.id"]=row.campus.id;
    }
    if(row.source){
        row["source.id"]=row.source.id;
    }
    //将数据加载到form表单中
    $("#off_form").form("load", row);//数据回显

    //设置只读
    $("form input").prop("readonly", true);

    $(".easyui-combobox").combobox("readonly",true);

    //将form表单设置只读
    //$("#customer_form").form("readonly");
    //保存按钮禁用
    $('#save_linkbutton').linkbutton('disable');
}


function query() {

    var keyword = $("#keyword").val();
    var beginDate = $("#beginDate").val();
    var endDate = $("#endDate").val();
    //所谓高级查询.无非是让dialig去根据条件更新列表数据,只需要刷新列表,携带查询条件即可.
    $("#off_datagrid").datagrid("load", {
        keyword: keyword,
        beginDate: beginDate,
        endDate: endDate
    });
}



